<div class="tabber" xmlns="http://www.w3.org/1999/html">

    <a #id [routerLink]="['/shops']"  routerLinkActive="green" #rla="routerLinkActive"  >
      <img *ngIf="!rla.isActive" src = "{{pngUrl}}" >
      <img *ngIf="rla.isActive" src='../../assets/ui/homeon.png'>
      <br>
      <strong [ngStyle]="{'color':rla.isActive ? 'white' : '' }">
        商城
      </strong>
    </a>

    <a [routerLink]="['/shopping-cart']" routerLinkActive="green" #sla="routerLinkActive" >
      <img  *ngIf="!sla.isActive" src="{{ShopUrl}}">
      <img *ngIf="sla.isActive" src='../../assets/ui/shopon.png'>
     <br>
     <strong [ngStyle]="{'color':sla.isActive ? 'white' : '' }">
      购物车
     </strong>
    </a>
    <a [routerLink]="['/private']" routerLinkActive="green"  #pla="routerLinkActive" >
      <img #pl *ngIf="!pla.isActive" src="{{PreUrl}}">
      <img *ngIf="pla.isActive" src='../../assets/ui/preon.png'>
      <br>
      <strong [ngStyle]="{'color':pla.isActive ? 'white' : '' }">
        个人中心
      </strong>
    </a>

</div>
